<!DOCTYPE html>
<html lang="zh">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta id="wxKeywords" name="Keywords" content="星语心愿" />
<meta id="wxDescription" name="Description" content="星语心愿" />
<title>修改服务_我的服务_星语心愿</title>
<!--全局resetCss样式开始-->
<link href="../assets/css/reset.css" rel="stylesheet" type="text/css" />
<!--全局resetCss样式结束-->

<!--公用commonCss样式开始-->
<link href="../assets/css/common/common.css" rel="stylesheet" type="text/css" />
<!--公用commonCss样式结束-->

<!--公用面包屑positionCss样式开始-->
<link href="../assets/css/common/position.css" rel="stylesheet" type="text/css" />
<!--公用面包屑positionCss样式结束-->

<!--管理中心公用commonCss样式开始-->
<link href="../assets/css/member/common.css" rel="stylesheet" type="text/css" />
<!--管理中心公用commonCss样式结束-->

<!--公用formCss样式开始-->
<link href="../assets/css/common/form.css" rel="stylesheet" type="text/css" />
<!--公用formCss样式结束-->

<!--页面Css样式开始-->
<link href="../assets/css/member/service_edit.css" rel="stylesheet" type="text/css" />
<!--页面Css样式结束-->

<!--主题themeCss样式开始-->
<link href="../assets/css/theme.css" rel="stylesheet" type="text/css" />
<!--主题themeCss样式结束-->
</head>

<body>
<!--头部开始-->
<div class="header clearfix">

    <!--头部工具栏开始-->
    <div class="header_tool">

		<!--头部工具栏主体开始-->
		<div class="tool_main clearfix">

			<!--左侧工具栏开始-->
			<div class="tool_left clearfix">
				<a>您好，欢迎来到星语心愿，请</a>
				<a href="#" class="green login">登录</a>
				<a href="#" class="orange reg">免费注册</a>

				<!--<a href="#" class="green nickname" title="好命先生好命先生">好命先生</a>
				<a>您好，欢迎来到星语心愿</a>
				<a href="#" class="red loginout">[退出登陆]</a>-->
			</div>
			<!--左侧工具栏结束-->

			<!--右侧工具栏开始-->
			<div class="tool_right clearfix" id="tool_right">
				<ul class="clearfix">
					<li class="clearfix">
						<a class="member_info" href="">
							<span class="tool_img tool_headpic"><img src="../assets/images/content/member_01.jpg" alt="" /></span>
							<span class="tool_nickname" title="凌大厨">凌大厨</span>
							<span class="tool_icon"><i class="icon_common icon_down"></i></span>
						</a>
						<!--展开顶级菜单开始-->
						<ul>
							<li>
								<a href="" title="">我的主页</a>
							</li>
							<li>
								<a href="" title="">账号设置</a>
							</li>
							<li>
								<a href="" title="">退出</a>
							</li>
						</ul>
						<!--展开顶级菜单结束-->
					</li>
					<li class="msg_nums clearfix">
						<a href="" title="">
							<span>消息</span>
							<i class="icon_common icon_nums">12</i>
						</a>
					</li>
					<li class="clearfix">
						<a href="" title="">
							<span>我的订单</span>
							<span class="tool_icon"><i class="icon_common icon_down"></i></span>
						</a>
					</li>
					<li class="clearfix">
						<a href="" title="">
							<span>收藏夹</span>
							<span class="tool_icon"><i class="icon_common icon_down"></i></span>
						</a>
					</li>
					<li class="clearfix">
						<a href="" title="">
							<span>服务分类</span>
							<span class="tool_icon"><i class="icon_common icon_down"></i></span>
						</a>
					</li>
					<li class="clearfix">
						<a href="" title="">
							<span>联系客服</span>
							<span class="tool_icon"><i class="icon_common icon_down"></i></span>
						</a>
					</li>
					<li class="clearfix">
						<a href="" title="">
							<span class="tool_icon"><i class="icon_common icon_app"></i></span>
							<span class="orange">APP下载</span>
						</a>
					</li>
				</ul>
			</div>
			<!--右侧工具栏结束-->
		</div>
		<!--头部工具栏主体结束-->
        
    </div>
    <!--头部工具栏结束-->
    
    <div class="space_hx">&nbsp;</div>

	<!--头部中间内容开始-->
	<div class="header_content clearfix">

		<!--头部logo开始-->
		<div class="header_logo">
			<a href="#" title>
				<img src="../assets/images/logo.jpg" alt="" />
			</a>
		</div>
		<!--头部logo结束-->

		<!--头部搜索框开始-->
		<div class="header_search">
			<div class="search_keywords clearfix">
				<form name="search_form" id="search_form">
					<div class="search_common search_classify" id="search_classify">
						<!--<div class="selected">搜服务</div>
						<ul>
							<li classifyid="1">搜服务</li>
							<li classifyid="2">搜星店</li>
						</ul>
						<i class="icon_common icon_down"></i>
						<input type="hidden" value="1" class="" id="classify" name="classify" />-->
						<i class="icon_common icon_search"></i>
					</div>
					<div class="search_common search_text">
						<input type="text" name="keywords" id="keywords" class="keywords" placeholder="输入搜索关键字/服务/标签/姓名" />
					</div>
					<div class="search_common search_btn cmain_bg_color" id="search_btn">搜索</div>
				</form>
			</div>
			<div class="search_tips clearfix">
				<a href="" title="" class="orange">投资</a>
				<a href="" title="">创业</a>
				<a href="" title="">法律服务</a>
				<a href="" title="">理财</a>
				<a href="" title="">教练</a>
				<a href="" title="">年检</a>
				<a href="" title="">模特</a>
				<a href="" title="">导游</a>
				
				<a href="" title="">培训</a>
				<a href="" title="">代驾</a>
				<a href="" title="">新三板</a>
				<a href="" title="">代驾</a>
				<a href="" title="">新三板</a>
				<a href="" title="">新三板</a>
				<a href="" title="">代驾</a>
				<a href="" title="">新三板</a>
			</div>
		</div>
		<!--头部搜索框结束-->

		<!--头部购物车盒子开始-->
		<div class="header_shopcar">
			<a href="" title="" class="clearfix">
				<span class="shopcar_icon"><i class="icon_common icon_shopcar"></i></span>
				<span>我的心愿车</span>
				<span class="icon_common shopcar_num">12</span>
				<span class="shopcar_link"><i class="icon_common icon_right"></i></span>
			</a>
		</div>
		<!--头部搜索框结束-->

	</div>
	<!--头部中间内容结束-->
    
    <div class="space_hx">&nbsp;</div>
    
    <!--头部导航开始-->
    <div class="header_nav">
    	
        <!--头部导航主体开始-->
    	<div class="header_nav_main clearfix">
            <!--左侧导航开始-->
            <div class="nav_common nav_left main_bg_color" id="header_nav_left">
                <div class="nav_left_title">
                	<i class="icon_common icon_menu"></i>
                	<span>热门服务推荐</span>
                	<i class="icon_common icon_down_green"></i>
                </div>
                <!--服务菜单开始-->
                <div class="nav_left_menu" id="nav_left_menu">
                	<ul>
                    	<li>
                        	<a href="" title="" class="clearfix">
                        		<i class="icon_common icon_shzs"></i><!--遍历第二个样式名，如icon_shzs-->
                        		<span>生活助手</span>
                        		<i class="icon_common icon_more"></i><!--向右图标，固定样式即可-->
                        	</a>
                        	<ul>
                        		<li>
                        			<h2 class="clearfix">
                        				<a href="" class="title">
                        					<i class="icon_common icon_wlwkf"></i>
                        					<span>互联网开发</span>
                        				</a>
                        				<a href="" class="more">更多 <em>》</em></a>
                        			</h2>
                        			<h3 class="clearfix">
                        				<a href="">企业软件开发(ERP)</a>
                        				<a href="">包公自动化系统(OA系统)</a>
                        				<a href="">企业软件开发(ERP)</a>
                        				<a href="">企业软件开发(ERP)</a>
                        				<a href="">企业软件开发(ERP)</a>
                        				<a href="">企业软件开发(ERP)</a>
                        				<a href="">企业软件开发(ERP)</a>
                        				<a href="">企业软件开发(ERP)</a>
                        				<a href="">企业软件开发(ERP)</a>
                        			</h3>
                        		</li>
                        		<li>
                        			<h2 class="clearfix">
                        				<a href="" class="title">
                        					<i class="icon_common icon_wlwyy"></i>
                        					<span>互联网运营</span>
                        				</a>
                        				<a href="" class="more">更多 <em>》</em></a>
                        			</h2>
                        			<h3 class="clearfix">
                        				<a href="">网站策划</a>
                        				<a href="">网站运营</a>
                        				<a href="">网站推广</a>
                        				<a href="">微博运营</a>
                        				<a href="">微信公众号营销</a>
                        				<a href="">网站编辑</a>
                        				<a href="">SEO引擎优化</a>
                        				<a href="">数据采集</a>
                        				<a href="">SEM</a>
                        				<a href="">云计算</a>
                        				<a href="">数据分析</a>
                        				<a href="">用户研究</a>
                        				<a href="">网络营销</a>
                        				<a href="">活动策划</a>
                        				<a href="">市场运营</a>
                        				<a href="">其他</a>
                        			</h3>
                        		</li>
                        		<li>
                        			<h2 class="clearfix">
                        				<a href="" class="title">
                        					<i class="icon_common icon_wlwwh"></i>
                        					<span>互联网维护</span>
                        				</a>
                        				<a href="" class="more">更多 <em>》</em></a>
                        			</h2>
                        			<h3 class="clearfix">
                        				<a href="">网站策划</a>
                        				<a href="">网站运营</a>
                        				<a href="">网站推广</a>
                        				<a href="">微博运营</a>
                        				<a href="">微信公众号营销</a>
                        				<a href="">网站编辑</a>
                        				<a href="">SEO引擎优化</a>
                        				<a href="">数据采集</a>
                        				<a href="">SEM</a>
                        				<a href="">云计算</a>
                        				<a href="">数据分析</a>
                        				<a href="">用户研究</a>
                        				<a href="">网络营销</a>
                        				<a href="">活动策划</a>
                        				<a href="">市场运营</a>
                        				<a href="">其他</a>
                        			</h3>
                        		</li>
                        		<li>
                        			<h2 class="clearfix">
                        				<a href="" class="title">
                        					<i class="icon_common icon_wdfw"></i>
                        					<span>网店服务</span>
                        				</a>
                        				<a href="" class="more">更多 <em>》</em></a>
                        			</h2>
                        			<h3 class="clearfix">
                        				<a href="">网站策划</a>
                        				<a href="">网站运营</a>
                        				<a href="">网站推广</a>
                        				<a href="">微博运营</a>
                        				<a href="">微信公众号营销</a>
                        				<a href="">网站编辑</a>
                        				<a href="">SEO引擎优化</a>
                        				<a href="">数据采集</a>
                        				<a href="">SEM</a>
                        				<a href="">云计算</a>
                        				<a href="">数据分析</a>
                        				<a href="">用户研究</a>
                        				<a href="">网络营销</a>
                        				<a href="">活动策划</a>
                        				<a href="">市场运营</a>
                        				<a href="">其他</a>
                        			</h3>
                        		</li>
                        		<li>
                        			<h2 class="clearfix">
                        				<a href="" class="title">
                        					<i class="icon_common icon_wdfw"></i>
                        					<span>网店服务</span>
                        				</a>
                        				<a href="" class="more">更多 <em>》</em></a>
                        			</h2>
                        			<h3 class="clearfix">
                        				<a href="">网站策划</a>
                        				<a href="">网站运营</a>
                        				<a href="">网站推广</a>
                        				<a href="">微博运营</a>
                        				<a href="">微信公众号营销</a>
                        				<a href="">网站编辑</a>
                        				<a href="">SEO引擎优化</a>
                        				<a href="">数据采集</a>
                        				<a href="">SEM</a>
                        				<a href="">云计算</a>
                        				<a href="">数据分析</a>
                        				<a href="">用户研究</a>
                        				<a href="">网络营销</a>
                        				<a href="">活动策划</a>
                        				<a href="">市场运营</a>
                        				<a href="">其他</a>
                        			</h3>
                        		</li>
                        	</ul>
                        </li>
                        <li>
                        	<a href="" title="" class="clearfix">
                        		<i class="icon_common icon_flzx"></i>
                        		<span>法律在线</span>
                        		<i class="icon_common icon_more"></i>
                        	</a>
                        </li>
                        <li>
                        	<a href="" title="" class="clearfix">
                        		<i class="icon_common icon_swzx"></i>
                        		<span>商务中心</span>
                        		<i class="icon_common icon_more"></i>
                        	</a>
                        </li>
                        <li>
                        	<a href="" title="" class="clearfix">
                        		<i class="icon_common icon_cxly"></i>
                        		<span>出行、旅游</span>
                        		<i class="icon_common icon_more"></i>
                        	</a>
                        </li>
                        <li>
                        	<a href="" title="">
                        		<i class="icon_common icon_jkyd"></i>
                        		<span>健康、运动</span>
                        		<i class="icon_common icon_more"></i>
                        	</a>
                        </li>
                        <li>
                        	<a href="" title="" class="clearfix">
                        		<i class="icon_common icon_jypx"></i><!--遍历第二个样式名，如icon_shzs-->
                        		<span>教育、培训</span>
                        		<i class="icon_common icon_more"></i><!--向右图标，固定样式即可-->
                        	</a>
                        </li>
                        <li>
                        	<a href="" title="" class="clearfix">
                        		<i class="icon_common icon_jyyzbx"></i><!--遍历第二个样式名，如icon_shzs-->
                        		<span>交友、颜值变现</span>
                        		<i class="icon_common icon_more"></i><!--向右图标，固定样式即可-->
                        	</a>
                        </li>
                        <li>
                        	<a href="" title="" class="clearfix">
                        		<i class="icon_common icon_tcahbx"></i><!--遍历第二个样式名，如icon_shzs-->
                        		<span>特长、爱好变现</span>
                        		<i class="icon_common icon_more"></i><!--向右图标，固定样式即可-->
                        	</a>
                        </li>
                        <li>
                        	<a href="" title="" class="clearfix">
                        		<i class="icon_common icon_zyjnbx"></i><!--遍历第二个样式名，如icon_shzs-->
                        		<span>职业、技能变现</span>
                        		<i class="icon_common icon_more"></i><!--向右图标，固定样式即可-->
                        	</a>
                        </li>
                        <li>
                        	<a href="" title="" class="clearfix">
                        		<i class="icon_common icon_xdwdtbd"></i><!--遍历第二个样式名，如icon_shzs-->
                        		<span>星店、微店、淘宝店</span>
                        		<i class="icon_common icon_more"></i><!--向右图标，固定样式即可-->
                        	</a>
                        </li>
                        <li>
                        	<a href="" title="" class="clearfix">
                        		<i class="icon_common icon_ggmjxjys"></i><!--遍历第二个样式名，如icon_shzs-->
                        		<span>广告媒介、设计艺术</span>
                        		<i class="icon_common icon_more"></i><!--向右图标，固定样式即可-->
                        	</a>
                        </li>
                        <li>
                        	<a href="" title="" class="clearfix">
                        		<i class="icon_common icon_cflcbx"></i><!--遍历第二个样式名，如icon_shzs-->
                        		<span>财富、理财、保险</span>
                        		<i class="icon_common icon_more"></i><!--向右图标，固定样式即可-->
                        	</a>
                        </li>
                        <li>
                        	<a href="" title="" class="clearfix">
                        		<i class="icon_common icon_hlwdzsw"></i><!--遍历第二个样式名，如icon_shzs-->
                        		<span>互联网、电子商务</span>
                        		<i class="icon_common icon_more"></i><!--向右图标，固定样式即可-->
                        	</a>
                        </li>
                        <li>
                        	<a href="" title="" class="clearfix">
                        		<i class="icon_common icon_xygyqtfw"></i><!--遍历第二个样式名，如icon_shzs-->
                        		<span>星语公益、其它服务</span>
                        		<i class="icon_common icon_more"></i><!--向右图标，固定样式即可-->
                        	</a>
                        </li>
                        <li>
                        	<a href="" title="" class="clearfix">
                        		<i class="icon_common icon_cytz"></i><!--遍历第二个样式名，如icon_shzs-->
                        		<span>创业、投资</span>
                        		<i class="icon_common icon_more"></i><!--向右图标，固定样式即可-->
                        	</a>
                        </li>
                    </ul>
                </div>
            </div>
            <!--左侧导航结束-->
            
            <!--右侧导航开始-->
            <div class="nav_common nav_right">
                <ul class="clearfix">
                    <li>
                        <a href="">
                        	<span class="title">首页</span>
                        </a>
                    </li>
                    <li>
                        <a href="">
                        	<span class="title">服务广场</span>
                            <span class="icon_common icon_tips">首单免费</span>
                        </a>
                    </li>
                    <li>
                        <a href="">
                        	<span class="title">星店</span>
                            <span class="icon_common icon_tips">入住有奖</span>
                        </a>
                    </li>
                </ul>
            </div>
            <!--右侧导航结束-->
        </div>
        <!--头部导航主体结束-->
        
    </div>
    <!--头部导航结束-->
    
</div>
<!--头部结束-->

<!--身体开始-->
<div class="layer clearfix">
	
	<!--头部面包屑开始-->
	<div class="position">
		<ul class="clearfix">
			<li>
				<a href="#" title="">管理中心</a>
			</li>
			<li class="line">></li>
			<li>
				<a href="#" title="">我的服务</a>
			</li>
			<li class="line">></li>
			<li>
				<a href="#" title="">修改服务</a>
			</li>
		</ul>
	</div>
	<!--头部面包屑结束-->
	
	<!--发布服务内容开始-->
	<div class="member_container clearfix">
		
		<!--左侧公用部分开始-->
		<div class="container_left">
			
			<div class="container_headpic">
				<img src="../assets/images/content/detail_01.jpg" alt="" />
				<h3>刘友常</h3>
			</div>
			
			<div class="container_menu">
				<!--注意：高亮样式为hover，添加再a标签内-->
				<ul>
					<li>
						<a title="" class="clearfix">
							<i class="icon_member icon_order"></i> 
							<span>我的订单</span>
						</a>
						<ul>
							<li>
								<a href="">我售出的服务</a>
							</li>
							<li>
								<a href="">我购买的服务</a>
							</li>
						</ul>
					</li>
					<li>
						<a title="" class="clearfix">
							<i class="icon_member icon_service"></i>
							<span>我的服务</span> 
						</a>
						<ul>
							<li>
								<a href="" title="">管理服务</a>
							</li>
							<li>
								<a href="" title="">发布服务</a>
							</li>
						</ul>
					</li>
					<li>
						<a title="" class="clearfix">
							<i class="icon_member icon_wallet"></i>
							<span>我的钱包</span> 
						</a>
						<ul>
							<li>
								<a href="" title="">钱包详情</a>
							</li>
						</ul>
					</li>
					<li>
						<a title="" class="clearfix">
							<i class="icon_member icon_collect"></i>
							<span>我的收藏</span> 
						</a>
						<ul>
							<li>
								<a href="" title="">收藏列表</a>
							</li>
						</ul>
					</li>
					<li>
						<a title="" class="clearfix">
							<i class="icon_member icon_friend"></i>
							<span>我的好友</span>  
						</a>
						<ul>
							<li>
								<a href="" title="">我的关注</a>
							</li>
							<li>
								<a href="" title="x">我的粉丝</a>
							</li>
						</ul>
					</li>
					<li>
						<a title="" class="clearfix">
							<i class="icon_member icon_message"></i> 
							<span>我的消息</span>
						</a>
						<ul>
							<li>
								<a href="" title="">消息列表</a>
							</li>
						</ul>
					</li>
					<li>
						<a title="" class="clearfix">
							<i class="icon_member icon_info"></i> 
							<span>基本资料</span>
						</a>
						<ul>
							<li>
								<a href="" title="" class="hover">个人信息</a>
							</li>
							<li>
								<a href="" title="">个人标签</a>
							</li>
							<li>
								<a href="" title="">联系方式</a>
							</li>
							<li>
								<a href="" title="">头像设置</a>
							</li>
							<li>
								<a href="" title="">密码修改</a>
							</li>
							<li>
								<a href="" title="">认证信息</a>
								<ul>
									<li>
										<a href="" title="">企业认证</a>
									</li>
									<li>
										<a href="" title="">个人认证</a>
									</li>
								</ul>
							</li>
						</ul>
					</li>
					<li>
						<a title="" class="clearfix">
							<i class="icon_member icon_customer"></i>
							<span>客户服务</span> 
						</a>
						<ul>
							<li>
								<a href="" title="">举报管理</a>
							</li>
							<li>
								<a href="" title="">仲裁管理</a>
							</li>
						</ul>
					</li>
				</ul>
			</div>
			
		</div>
		<!--左侧公用部分结束-->
		
		<!--右侧内容部分开始-->
		<div class="container_right">
			<h2>修改服务 (<em class="red">*</em>为必填项)</h2>
			<!--发布服务表单开始-->
			<div class="module_form_box service_form_box" id="service_form_box">
				<form class="module_form service_form" name="service_form" method="" id="service_form">
					<ul>
						<li class="title_li">
							<p class="clearfix">
								<span class="form_point red">*</span>
								<span class="form_title">服务标题</span>
							</p>
							<p class="form_common form_text">
								<input type="text" class="text_common text_input width_600" id="title" name="title" isrequired="true" placeholder="请输入服务标题" null="服务标题不能为空（20个字符以内的英文、中文、数字）" />
							</p>
							<p class="form_common form_remark"></p>
						</li>
						<li>
							<p class="clearfix">
								<span class="form_point red">*</span>
								<span class="form_title">服务分类</span>
							</p>
							<p class="form_common form_text">
								<select name="service_one" id="service_one" class="text_common text_select width_200" isrequired="true" null="请选择一级服务分类">
									<option value="">请选择一级服务分类</option>
									<option value="1">生活助手</option>
								</select>
								<select name="service_two" id="service_two" class="text_common text_select width_200" null="请选择二级服务分类">
									<option value="">请选择二级服务分类</option>
									<option value="1">体育运动</option>
								</select>
								<select name="service_three" id="service_three" class="text_common text_select width_200"  null="请选择三级服务分类">
									<option value="">请选择三级服务分类</option>
									<option value="1">健身操教练</option>
								</select>
							</p>
							<p class="form_common form_remark"></p>
						</li>
						<li class="price_li">
							<p class="clearfix">
								<span class="form_point red">*</span>
								<span class="form_title">您的报价</span>
							</p>
							<p class="form_common form_text clearfix">
								<span><input type="text" class="text_common text_input width_190" id="price" name="price" value="" isrequired="true" placeholder="请输入您的心愿报价" null="您的心愿报价不能为空" /></span>
								<span class="text_input form_space width_10">单位</span>
								<span><input type="text" class="text_common text_input width_190" id="unit" name="unit" value="" isrequired="true" placeholder="请输入单位分/小时/次等" null="您的心愿报价单位不能为空" /></span>
							</p>
							<p class="form_common form_remark"></p>
						</li>
						<li class="time_li">
							<p class="clearfix">
								<span class="form_point red">*</span>
								<span class="form_title">服务时间</span>
							</p>
							<p class="form_common form_text clearfix">
								<span class="form_time">
									<input type="text" class="text_common text_input width_190" name="service_time"  id="service_time" isrequired="true" placeholder="请选择服务时间" null="请选择服务时间或合适您的时间" value="" />
									<i class="icon_member icon_down">&nbsp;</i>
								</span>
								<span class="form_space">或是</span>
								<span class="form_time">
									<input type="text" class="text_common text_input width_190" name="suit_time"  id="suit_time" isrequired="true" placeholder="请选择合适您的时间" null="请选择服务时间或合适您的时间"  value="" />
								</span>
							</p>
							<p class="form_common form_remark"></p>
						</li>
						<li class="ways_li" id="ways_li">
							<p class="clearfix">
								<span class="form_point red">*</span>
								<span class="form_title">服务方式</span>
							</p>
							<p class="form_common form_text clearfix" isrequired="true" null="服务方式不能为空">
								<input type="hidden" value="1" class="text_common text_input width_190" name="service_ways" id="service_ways">
								<em way="1" class="hover">上门服务</em>
								<em way="2">约定地点服务</em>
								<em way="3">线上服务</em>
								<em way="4">邮寄</em>
							</p>
							<p class="form_common form_remark"></p>
						</li>
						<li class="upload_li">
							<p class="clearfix">
								<span class="form_point red">*</span>
								<span class="form_title">服务标题图</span>
							</p>
							<p class="form_common form_text clearfix">
								<span class="upload">
									<!-上传中、上传成功高亮样式hover--->
									<em class="upload_btn" id="upload_btn">点击上传图片</em>
									<!--<em class="upload_btn hover" id="upload_btn">上传中...</em>
									<em class="upload_btn hover" id="upload_btn">上传成功</em>-->
									<input type="file" name="upload_thumb" id="upload_thumb" class="text_common upload_thumb" isrequired="true" null="服务标题图不能为空" />
								</span>
								<span>git/jpg/jpeg格式（最多5张，3M以内）</span>
							</p>
							<p class="form_common form_imglsit" id="form_imglsit">
								<a title="">
									<img src="../assets/images/content/detail_01.jpg"  alt="" />
									<i class="icon_delete">x</i>
								</a>
								<a title="">
									<img src="../assets/images/content/detail_01.jpg"  alt="" />
									<i class="icon_delete">x</i>
								</a>
								<a title="">
									<img src="../assets/images/content/detail_01.jpg"  alt="" />
									<i class="icon_delete">x</i>
								</a>
							</p>
							<p class="form_common form_remark"></p>
						</li>
						<li class="content_li">
							<p class="clearfix">
								<span class="form_point red">*</span>
								<span class="form_title">具体内容</span>
							</p>
							<p class="form_common form_text">
								<textarea class="text_common text_textarea width_600" id="content" name="content" value="" isrequired="true" placeholder="请填写您心愿的具体内容~" null="您心愿的具体内容不能为空~"></textarea>
							</p>
							<p class="form_common form_remark"></p>
						</li>
						<li class="label_li">
							<p class="clearfix">
								<span class="form_point red">&nbsp;</span>
								<span class="form_title">服务标签</span>
							</p>
							<p class="form_common form_text width_600 clearfix">
								<span class="laber_input" id="laber_input">
									<input type="text" class="text_common text_input width_600" id="label" name="label" value="" placeholder="添加个标签吧" />
								</span>
								<span class="label_btn" id="label_btn" null="标签值不能为空">添加标签</span>
							</p>
							<p class="form_common form_label clearfix width_600" id="form_label">
								<!--hover为高亮样式-->
								<span class="clearfix">
									<i class="icon_member icon_header"></i>
									<i class="icon_footer">职场</i>
									<i class="icon_delete">x</i>
								</span>
								<span class="clearfix">
									<i class="icon_member icon_header"></i>
									<i class="icon_footer">互联网</i>
									<i class="icon_delete">x</i>
								</span>
								<span class="clearfix">
									<i class="icon_member icon_header"></i>
									<i class="icon_footer">互联网</i>
									<i class="icon_delete">x</i>
								</span>
							</p>
							<p class="form_common form_remark"></p>
						</li>
						<!--<li class="content_li">
							<p class="clearfix">
								<span class="form_point red">&nbsp;</span>
								<span class="form_title">具体案例</span>
							</p>
							<p class="form_common form_text">
								<textarea class="text_common text_textarea width_600" id="case" name="case" value="" placeholder="请填写您的案例~" null="请填写您的案例~"></textarea>
							</p>
							<p class="form_common form_remark">（1000个字符以内的中文、英文、数字）</p>
						</li>-->
						<li class="handle_li">
							<p class="form_common form_btn">
								<a class="btn btn_common form_submit" id="form_submit">提交审核</a>
								<a class="btn btn_common form_reset"  id="form_reset">保存至草稿箱</a>
							</p>
						</li>
					</ul>
				</form>
			</div>
			<!--发布服务表单结束-->

			<!--选择时间服务日期开始-->
			<div class="module_date_box" id="module_date_box">
				<ul class="date_title clearfix">
					<li>星期一</li>
					<li>星期二</li>
					<li>星期三</li>
					<li>星期四</li>
					<li>星期五</li>
					<li>星期六</li>
					<li>星期日</li>
				</ul>
				<ul class="date_content clearfix">
					<li>
						<span class="hover">09:00-12:00</span>
						<span>12:00-15:00</span>
						<span>15:00-17:00</span>
						<span>17:00-21:00</span>
						<span>21:00-24:00</span>
					</li>
					<li>
						<span>09:00-12:00</span>
						<span>12:00-15:00</span>
						<span>15:00-17:00</span>
						<span>17:00-21:00</span>
						<span>21:00-24:00</span>
					</li>
					<li>
						<span>09:00-12:00</span>
						<span>12:00-15:00</span>
						<span>15:00-17:00</span>
						<span>17:00-21:00</span>
						<span>21:00-24:00</span>
					</li>
					<li>
						<span>09:00-12:00</span>
						<span>12:00-15:00</span>
						<span>15:00-17:00</span>
						<span>17:00-21:00</span>
						<span>21:00-24:00</span>
					</li>
					<li>
						<span>09:00-12:00</span>
						<span>12:00-15:00</span>
						<span>15:00-17:00</span>
						<span>17:00-21:00</span>
						<span>21:00-24:00</span>
					</li>
					<li>
						<span>09:00-12:00</span>
						<span>12:00-15:00</span>
						<span>15:00-17:00</span>
						<span>17:00-21:00</span>
						<span>21:00-24:00</span>
					</li>
					<li>
						<span>09:00-12:00</span>
						<span>12:00-15:00</span>
						<span>15:00-17:00</span>
						<span>17:00-21:00</span>
						<span>21:00-24:00</span>
					</li>
				</ul>
				<div class="date_submit">
					<a class="btn date_submit_btn" id="date_submit_btn">确定</a>
				</div>
			</div>
			<!--选择时间服务日期结束-->
		</div>
		<!--右侧内容部分结束-->
		
	</div>
	<!--发布服务内容结束-->

</div>
<!--身体结束-->

<!--底部开始-->
<div class="footer clearfix">
	
	<!--提供的服务、保障开始-->
    <div class="service footer_service">
    	<ul class="clearfix">
        	<li>
        		<i class="icon_common icon_five5"></i>
                <span>五大服务保障</span>
            </li>
            <li>
        		<i class="icon_common icon_smrz"></i>
                <span>实名认证</span>
            </li>
            <li>
        		<i class="icon_common icon_zzrz"></i>
                <span>资质认证</span>
            </li>
            <li>
        		<i class="icon_common icon_zfaq"></i>
                <span>支付安全</span>
            </li>
            <li>
        		<i class="icon_common icon_zyfw"></i>
                <span>专业服务</span>
            </li>
            <li>
        		<i class="icon_common icon_shwy"></i>
                <span>售后无忧</span>
            </li>
        </ul>
    </div>
	<!--提供的服务、保障结束-->
		
	<!--底部主体开始-->
    <div class="footer_main clearfix">
        
        <!--底部快捷导航开始-->
        <div class="footer_link clearfix">
        	<dl>
            	<dt>
                	新手指南
                </dt>
                <dd>
                	<a href="">注册登录</a>
                </dd>
                <dd>
                	<a href="">完善资料</a>
                </dd>
                <dd>
                	<a href="">购买流程</a>
                </dd>
                <dd>
                	<a href="">会员介绍</a>
                </dd>
                <dd>
                	<a href="">常见问题</a>
                </dd>
            </dl>
            <dl>
            	<dt>
                	支付方式
                </dt>
                <dd>
                	<a href="">在线支付</a>
                </dd>
                <dd>
                	<a href="">星币支付</a>
                </dd>
                <dd>
                	<a href="">转账汇款</a>
                </dd>
            </dl>
            <dl>
            	<dt>
                	安全保障
                </dt>
                <dd>
                	<a href="">实名认证</a>
                </dd>
                <dd>
                	<a href="">资质认证</a>
                </dd>
                <dd>
                	<a href="">支付安全</a>
                </dd>
                <dd>
                	<a href="">专业服务</a>
                </dd>
                <dd>
                	<a href="">售后无忧</a>
                </dd>
            </dl>
            <dl>
            	<dt>
                	售后服务
                </dt>
                <dd>
                	<a href="">发票相关</a>
                </dd>
                <dd>
                	<a href="">退款说明</a>
                </dd>
                <dd>
                	<a href="">忘记密码</a>
                </dd>
                <dd>
                	<a href="">意见反馈</a>
                </dd>
            </dl>
            <dl>
            	<dt>
                	联系我们
                </dt>
                <dd>
                	<a href="">新浪微博</a>
                </dd>
                <dd>
                	<a href="">官方微信</a>
                </dd>
                <dd>
                	<a href="">关于我们</a>
                </dd>
                <dd>
                	<a href="">联系我们</a>
                </dd>
            </dl>
        </div>    
        <!--底部快捷导航结束-->
        
        <!--底部二维码导航开始-->
        <div class="footer_code">
        	<img src="../assets/images/code.jpg" alt="" />
            <p>微信二维码</p>
        </div>  
        <!--底部二维码导航结束-->
        
        <!--底部联系方式开始-->
        <div class="footer_tel">
        	<p class="title">咨询电话</p>
            <p class="number">400-666-6789</p>
            <p>E-mail：400000@qq.com</p>
            <p>QQ：4000 000</p>
        </div>
        <!--底部联系方式结束-->
        
    </div>
	<!--底部主体结束-->
    
    <div class="space_hx">&nbsp;</div>
    
    <!--底部版权信息开始-->
    <div class="footer_copyright">
    	© 2015 长沙星语心愿信息技术有限公司 版权所有   湘ICP备10000087号
    </div>
    <!--底部版权信息结束-->

</div>
<!--底部结束-->

<!--身体右边公用侧边栏开始-->
<div class="body_fixed_nav" id="body_fixed_nav">
	<a href="" title="" class="clearfix">
		<span class="icon"><i class="icon_common icon_msg"></i></span>
		<span class="word">在线留言</span>
	</a>
	<a href="" title="" class="clearfix">
		<span class="icon"><i class="icon_common icon_love"></i></span>
		<span class="word">我的最爱</span>
	</a>
	<a href="" title="" class="clearfix">
		<span class="icon"><i class="icon_common icon_history"></i></span>
		<span class="word">浏览历史</span>
	</a>
	<a href="" title="" class="clearfix">
		<span class="icon"><i class="icon_common icon_collect"></i></span>
		<span class="word">我的收藏</span>				
	</a>
	<a href="javascript:;" title="" id="nav_back_top" class="clearfix">
		<span class="icon"><i class="icon_common icon_backtop"></i></span>
		<span class="word">回到顶部</span>
	</a>
</div>
<!--身体右边公用侧边栏结束-->

<!--Jquery库开始-->
<script type="text/javascript" src="../assets/js/lib/jquery-1.8.3.min.js"></script>
<!--Jquery库结束-->
<!--公用cmmonJS开始-->
<script type="text/javascript" src="../assets/js/common/common.js"></script>
<!--公用cmmonJS结束-->
<!--弹出层插件layer开始-->
<script type="text/javascript" src="../assets/plugins/layer/layer.js"></script>
<!--弹出层插件layer结束-->
<script type="text/javascript">
$(function(){
	//表单变量
	var	 moduleBox  = '#service_form_box',
		 moduleForm = '#service_form',
		 color		= '#FF7800';

	//选择服务方式
	$('#ways_li .form_text em').on('click',function(){
		var way = $(this).attr('way');
		$('#service_ways').val(way);
		$(this).addClass('hover').siblings().removeClass('hover');
	});

	//上传服务标题图
	$('#upload_thumb').on('mouseenter mouseleave',function(){
		$(this).siblings('#upload_btn').toggleClass('hover');
	});

	//默认执行
	addListenInput($("#label"));
	//输入标签--监听输入框变化
	$("#label").on('input propertychange',function(){
		addListenInput($(this));
	});

	//添加标签
	$('#label_btn').on('click',function(){
		//添加标签具体操作
		var label 	  = $('#label').val(),
			labelHtml = '';
		if(label){
			labelHtml = '<span class="clearfix"><i class="icon_member icon_header"></i><i class="icon_footer">'+label+'</i><i class="icon_delete">x</i></span>'
		}else{
			layer.tips($(this).attr('null'), $(this), {tips: [2, color]});
		}
		$('#form_label').append(labelHtml);
	});

	//删除服务标签
	$('body').on('click','#form_label .icon_delete',function(){
		var objClick = $(this);
		layer.confirm('确认删除该标签？', {
			btn  :['确认','再考虑下'], //按钮
			title:'温馨提示',
			icon :0
		},function(){
			layer.msg('删除成功！',{icon:1,time:1000},function(){
				objClick.parent('span').remove();
				//更多操作
			});
		},function(){
			//layer.msg('多谢手下留情！',{icon:6,time:1000});
		});
	});

	//选择服务时间
	$('#service_time').on('click',function(){
		layer.open({
			type: 1,
			title: '请选择日期',
			shadeClose: true,
			shade: 0.5,
			closeBtn: 1,
			maxmin: false, //开启最大化最小化按钮
			area: ['600px', '380px'],
			content: $('#module_date_box')
		});
	});

	//选择服务时间段
	$('body').on('click','#module_date_box .date_content li span',function(){
		$(this).toggleClass('hover');
	});

	//提交服务时间段
	$('body').on('click','#date_submit_btn',function(){

		//layer.closeAll();
	});

	//删除上传的服务标题图
	$('body').on('click','#form_imglsit .icon_delete',function(){
		var objClick = $(this);
		layer.confirm('确认删除该图？', {
			btn  :['确认','再考虑下'], //按钮
			title:'温馨提示',
			icon :0
		},function(){
			layer.msg('删除成功！',{icon:1,time:1000},function(){
				objClick.parent('a').remove();
				//更多操作
			});
		},function(){
			//layer.msg('多谢手下留情！',{icon:6,time:1000});
		});
	});

	//表单失去焦点
	$(moduleBox+' .text_common[isrequired]').on('blur',function(){
		validateForm($(this));
	});

	//提交表单
	$('#form_submit').on('click',function(){
		var allFlag	 = false;
		var checkLi	 = $(moduleBox+' .text_common[isrequired]');
		checkLi.each(function(){
			var obj = $(this);
			if(validateForm(obj)){
				allFlag = true;
			}else{
				allFlag = false;
				$('html,body').animate({scrollTop: 0}, 500);
				return false;
			}
		});
		if(allFlag) {
			layer.confirm('确认发布服务？', {
				btn: ['确认', '再考虑下'], //按钮
				title: '温馨提示',
				icon: 0
			}, function () {
				$(moduleForm).submit();
			});
		}
	});

});

//监听input事件
function addListenInput(obj){
	var valComment = obj.val();
	if(valComment == ''){//输入框值是否为空
		obj.parent('span').siblings('.label_btn').removeClass('label_can');
	}else{
		obj.parent('span').siblings('.label_btn').addClass('label_can');
	}
}

//表单信息验证
function validateForm(obj){
	var flag	  	= false;
	var uploadBtn 	= obj.siblings('.upload_btn');
	var zIndex		= 9999;
	//表单值是否为空验证
	if(!obj.val()){
		if(obj.attr('type')=='file'){
			uploadBtn.addClass('error_border');
		}else if(!obj.hasClass('error_border')){
			obj.addClass('error_border');
		}
		layer.tips(obj.attr('null'), obj, {tips: [2, color],zIndex:zIndex});
		flag = false;
	}else{
		if(obj.attr('type')=='file'){
			uploadBtn.removeClass('error_border');
		}else{
			obj.removeClass('error_border');
		}
		layer.closeAll('tips');
		flag = true;
	}
	return flag;
}
</script>
</body>
</html>
